﻿@import "iconfont.css";

* {
    outline: none;
}

small a {
    color: orange;
}

    small a:hover {
        color: #ffbe48;
    }

.login-block {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding-bottom: 20px;
    width: 390px;
    height: 407px;
    background: #fff
}

    .login-block h5 {
        display: block;
        width: 308px;
        height: 40px;
        line-height: 40px;
        text-align: left;
        font-size: 20px;
        font-weight: initial;
        margin-top: 20px;
        margin-bottom: 20px;
        position: relative
    }

        .login-block h5 small {
            display: block;
            position: absolute;
            right: 0;
            font-size: 16px;
            bottom: 0
        }

    .login-block .content {
        padding: 10px 0;
        flex-grow: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

        .login-block .content #verifyCode {
            width: 145px;
            padding-left: 10px;
        }

    .login-block .regtitle {
        margin-bottom: 0
    }

    .login-block .input-ls {
        display: block;
        width: 308px;
        position: relative
    }

        .login-block .input-ls > div:nth-of-type(1) {
            position: relative;
        }

        .login-block .input-ls > div:nth-of-type(2) {
            text-align: right;
        }

        .btn, .login-block .input-ls .yanzimg {
            display: inline-block;
            vertical-align: middle
        }

    .login-block .regls {
        margin-top: 15px
    }

    .login-block .input-ls input[type=text], .login-block .input-ls input[type=password] {
        width: 266px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #ddd;
        padding-left: 40px;
        font-size: 14px;
        color: #888;
        outline: none;
    }

    .login-block .input-user {
        position: absolute;
        font-size: 23px;
        color: #aaa;
        top: 9px;
        left: 5px
    }

    .login-block .login-text {
        width: 308px;
        height: 40px;
        line-height: 40px;
        text-align: right;
        margin-top: 10px;
        font-size: 14px
    }

    .login-block .text-left {
        text-align: left
    }

    .login-block .login-info {
        width: 288px;
        height: 26px;
        line-height: 26px;
        border: 1px solid #faebcc;
        background: #fcf8e3;
        font-size: 12px;
        padding: 0 10px;
        color: #F59C00;
        visibility: hidden
    }

    .login-block .input-btn {
        width: 308px;
        height: 40px;
        margin-top: 10px
    }

.loginbtn {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background-color: orange;
    color: white;
    border-style: none;
    cursor: pointer;
    font-size: 1.2rem;
    transition: all 0.5s;
}

    .loginbtn:hover {
        background-color: deepskyblue;
    }
